<!doctype html>
<html class="no-js">

<head>
<meta charset="utf-8" />
<title>Wing Chun Exercices</title>

<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
<link rel="stylesheet" media="all" href="css/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->


<!-- JS -->
<script src="js/jquery-1.6.4.min.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<script src="js/custom.js"></script>
<script src="js/tabs.js"></script>

<!-- Tweet -->
<link rel="stylesheet" href="css/jquery.tweet.css" media="all" />
<script src="js/tweet/jquery.tweet.js"></script>
<!-- ENDS Tweet -->

<!-- superfish -->
<link rel="stylesheet" media="screen" href="css/superfish.css" />
<script src="js/superfish-1.4.8/js/hoverIntent.js"></script>
<script src="js/superfish-1.4.8/js/superfish.js"></script>
<script src="js/superfish-1.4.8/js/supersubs.js"></script>
<!-- ENDS superfish -->

<!-- prettyPhoto -->
<script src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css"
	media="screen" />
<!-- ENDS prettyPhoto -->

<!-- poshytip -->
<link rel="stylesheet"
	href="js/poshytip-1.1/src/tip-twitter/tip-twitter.css" />
<link rel="stylesheet"
	href="js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css" />
<script src="js/poshytip-1.1/src/jquery.poshytip.min.js"></script>
<!-- ENDS poshytip -->

<!-- GOOGLE FONTS -->
<link
	href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300'
	rel='stylesheet' type='text/css'>

<!-- Flex Slider -->
<link rel="stylesheet" href="css/flexslider.css">
<script src="js/jquery.flexslider-min.js"></script>
<!-- ENDS Flex Slider -->

<!-- Less framework -->
<link rel="stylesheet" media="all" href="css/lessframework.css" />

<!-- modernizr -->
<script src="js/modernizr.js"></script>

<!-- SKIN -->
<link rel="stylesheet" media="all" href="css/skin.css" />

<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
		function loadHeaderAndFooter() {
			$('#header').load('header.html',function() {
				var topContainer = $("#top-widget");
				var topTrigger = $("#top-open");
				
				topTrigger.click(function(){
					topContainer.animate({
						height: 'toggle'
					});
					
					if( topTrigger.hasClass('tab-closed')){
						topTrigger.removeClass('tab-closed');
					}else{
						topTrigger.addClass('tab-closed');
					}
					
					return false;
					
				});
			});
			$('#footer').load('footer.html'); 
		  }
	</script>

</head>

<body lang="fr" onLoad="loadHeaderAndFooter()">
	<header id="header" class="clearfix"> </header>

	<!-- MAIN -->
	<div id="main">
		<div class="wrapper clearfix">


			<h2 class="page-heading">
				<span>Aplication de techniques</span>
			</h2>




			<!-- project content -->
			<div id="project-content" class="clearfix">



				<!-- slider -->
				<div class="project-slider">
					<div class="flexslider">
						<ul class="slides">
							<li><img src="img/slides/01.jpg" alt="alt text" /></li>
							<li><img src="img/slides/02.jpg" alt="alt text" /></li>
							<li><img src="img/slides/03.jpg" alt="alt text" /></li>
						</ul>
					</div>
				</div>
				<!-- ENDS slider -->

				<!-- heading -->
				<div class="project-heading">
					<h2>Chum Kil - Application 1</h2>
					<!-- <a href="http://www.thebeaststudio.com/" class="launch">Launch project</a> -->
					<div class="clearfix"></div>
				</div>
				<!-- ENDS heading -->


				<div class="project-description">
					<p>
						Cet exercice est une application du d&#233;but de la forme Chum Kil, lors de l'ex&#233;cution trois fois de 
						suite d'un Tan Sao suivi d'un Bons Sao avec Wu Sao.
					</p>
					<p>
						D&#233;but :
						<br> 
						A et B son en position neutre.
					</p>
					<p>
						Exercice :
						<br>
						A va donner une s&#233;rie de directs.
						A chaque direct, B passe en position c&#244;t&#233; et doit placer soit:
						<ul> 
							<li>&nbsp;&nbsp;&nbsp;&nbsp;- Bon Sao avec Wu Sao </li>
							<li>&nbsp;&nbsp;&nbsp;&nbsp;- ou Tan Sao et l'autre main vient presque en contact sur l'avant bras, au niveau du coude, 
							sans le toucher.</li>
						</ul>
					</p>
					<p>
						Remarques :
						<ul> 
							<li>&nbsp;&nbsp;&nbsp;&nbsp;- A la fin du mouvement du Tan Sao, il est à l'horizontale.</li>
							<li>&nbsp;&nbsp;&nbsp;&nbsp;- Une fois le mouvement termin&#233; le regard porte sur le c&#244;t&#233; oppos&#233;.</li>
							<li>&nbsp;&nbsp;&nbsp;&nbsp;- Lors de l'enchainement de 2 Bon Sao avec Wu Sao, c'est la main du Bon 
							Sao qui passe à l'interrieur pour se transformer en Wu Sao.</li>
						</ul>
					</p>
					
				</div>

				<div class="project-info">
					<p>
						<strong>Date</strong><br /> 21 juillet 2013
					</p>
					<p>
						<strong>Du m&ecirc;me groupe ...</strong><br /> A COMPLETER
					</p>
				</div>
				<div class="clearfix"></div>

				<div class="project-pager">
					<a class="previous-project" href="#">&#8592; Previous project</a> <a
						class="next-project" href="#">Next project &#8594;</a>
				</div>


				<!-- related -->
				<div class="related-projects">
					<div class="related-heading">Related projects</div>
					<div class="related-list">
						<figure>
							<a href="#" class="thumb"><img
								src="img/dummies/featured-1.jpg" alt="Alt text" />
							</a>
							<a href="single.html" class="heading">Pellentesque habitant
								morbi</a>
						</figure>

						<figure>
							<a href="#" class="thumb"><img
								src="img/dummies/featured-2.jpg" alt="Alt text" />
							</a>
							<a href="single.html" class="heading">Pellentesque habitant
								morbi</a>
						</figure>

						<figure>
							<a href="#" class="thumb"><img
								src="img/dummies/featured-3.jpg" alt="Alt text" />
							</a>
							<a href="single.html" class="heading">Pellentesque habitant
								morbi</a>
						</figure>

						<figure class="last">
							<a href="#" class="thumb"><img
								src="img/dummies/featured-4.jpg" alt="Alt text" />
							</a>
							<a href="single.html" class="heading">Pellentesque habitant
								morbi</a>
						</figure>

					</div>
					<div class="clearfix"></div>
				</div>
				<!-- ENDS related -->

			</div>
			<!--  ENDS project content-->


		</div>
	</div>
	<!-- ENDS MAIN -->

	<footer id="footer"> </footer>
</body>

</html>